<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>溯源管理</title>
    <style>
        .layui-form-label{}
        .ml30{margin-left: 30px}
    </style>
</head>
<body >
<div class="layui-form">
    <div class="table" >
        <div class="layui-form">
            <div class="search">
                <div class="layui-inline">
                    <label class="layui-form-label" style="text-align: left;padding-left: 0">生产品类</label>
                    <div class="layui-input-inline" style="width:120px ">
                        <select name="interest">
                            <option value="">所有</option>
                            <option value="0">品类1</option>
                            <option value="1" selected="">品类2</option>
                        </select>
                    </div>
                </div>

                <button  class="layui-btn ml20 ">搜索</button>
                <div class="layui-btn add ">新增溯源</div>

            </div>
            <table class="layui-table">
                <thead>
                <tr>
                    <th>产品品种</th>
                    <th>批次名称</th>
                    <th>产品状态</th>
                    <th>上市时间</th>
                    <th>总量/预计总量</th>
                    <th>二维码</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>芝麻->白芝麻</td>
                    <td>芝麻001</td>
                    <td>出售</td>
                    <td>2017-08-08</td>
                    <td>10千克</td>
                    <td></td>
                    <td>
                        <span class="cz bj">编辑</span>
                        <span class="cz sc">删除</span>
                    </td>
                </tr>
                <tr>
                    <td>芝麻->白芝麻</td>
                    <td>芝麻001</td>
                    <td>出售</td>
                    <td>2017-08-08</td>
                    <td>10千克</td>
                    <td></td>
                    <td>
                        <span class="cz bj">编辑</span>
                        <span class="cz sc">删除</span>
                    </td>
                </tr>
                <tr>
                    <td>芝麻->白芝麻</td>
                    <td>芝麻001</td>
                    <td>出售</td>
                    <td>2017-08-08</td>
                    <td>10千克</td>
                    <td></td>
                    <td>
                        <span class="cz bj">编辑</span>
                        <span class="cz sc">删除</span>
                    </td>
                </tr>
                <tr>
                    <td>芝麻->白芝麻</td>
                    <td>芝麻001</td>
                    <td>出售</td>
                    <td>2017-08-08</td>
                    <td>10千克</td>
                    <td></td>
                    <td>
                        <span class="cz bj">编辑</span>
                        <span class="cz sc">删除</span>
                    </td>
                </tr>
                <tr>
                    <td>芝麻->白芝麻</td>
                    <td>芝麻001</td>
                    <td>出售</td>
                    <td>2017-08-08</td>
                    <td>10千克</td>
                    <td></td>
                    <td>
                        <span class="cz bj">编辑</span>
                        <span class="cz sc">删除</span>

                    </td>
                </tr>
                <tr>
                    <td>芝麻->白芝麻</td>
                    <td>芝麻001</td>
                    <td>出售</td>
                    <td>2017-08-08</td>
                    <td>10千克</td>
                    <td></td>
                    <td>
                        <span class="cz bj">编辑</span>
                        <span class="cz sc">删除</span>

                    </td>
                </tr>
                <tr>
                    <td>芝麻->白芝麻</td>
                    <td>芝麻001</td>
                    <td>出售</td>
                    <td>2017-08-08</td>
                    <td>10千克</td>
                    <td></td>
                    <td>
                        <span class="cz bj">编辑</span>
                        <span class="cz sc">删除</span>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>
        <div class="fy">这里是分页</div>
    </div>
    <div class="fy">这里放分页</div>
</div>
<script src="../public/layui/layui.js"></script>
<script>
    layui.use(['form',], function() {
        var form = layui.form;

    })
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //时间选择器
        $(".layui-time").each(function () {
            laydate.render({
                elem: this, //指定元素
            });
        });
    });
    $(".add").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '添加',
            area: ['90%', '90%'],
            content: 'manage11-pop.html'

        });


    });
    $(".bj").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '编辑',
            area: ['90%', '90%'],
            content: 'manage11-pop.html'

        });


    });
    $(".sc").click(function () {
        layer.confirm('确认删除？', {
            btn: ['是','否'] //按钮
        });


    });


</script>

</body>
</html>